﻿@model DemoCCM.Models.Map

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_DrawLayout.cshtml";
    String levelID3 = ViewBag.levelID2 as String;
    String topicID3 = ViewBag.topicID2 as String;
    string user= Session["UserName"] as String;
}
<input type="hidden" id="levelID" value="@ViewBag.levelID2" />
<input type="hidden" id="conceptID" value="@ViewBag.conceptID" />
<input type="hidden" id="topicID" value="@ViewBag.topicID2" />
<div id="canvas-container">
    <div id="container">
       
    </div> 
    <div id="tool-container">
        <div id="toolTOPbar">
              <a class="pic"  href="@Url.Action("Index","TrangChu")"><img  style="height:30px;width:30px;" src="~/Photos/home.png" /></a> 
            <p>Câu hỏi trọng tâm </p>
            <div id="quest" class="dropdown">
             @using (Html.BeginForm("Index", "Topic", new { LevelID1 = levelID3, topicId1 = topicID3 }, FormMethod.Post,new { id = "formFillter" }))
                        {
                                @Html.DropDownList("ConceptID", ViewBag.cd as SelectList, new { id = "ddlMenu" })
   
                        }
                       
                            <script type='text/javascript'>
                                $(document).ready();
                                $(function () {
                                    $('#ddlMenu').change
                                        (function () {
                                            $('#formFillter').submit();
                                        });
                                });
                            </script>
            </div>
        </div>
        <div class="separator"></div>
        <div id="toolAdd">
                 
             <div id="concept1" > @Html.DropDownList("ConceptID", new SelectList(Model.Concepts, "ConceptID", "ConceptName")) </div>
             <div id="link">@Html.DropDownList("LinkID", new SelectList(Model.Links, "LinkID", "Text"))</div>
             <div id="concept2"> @Html.DropDownList("ConceptID", new SelectList(Model.Concepts, "ConceptID", "ConceptName"))</div>
           
             <div id="btncenter">
                <div class="button">
                     <img  class="addbutton" src="~/Content/images/btn/gnome_list_add.png" />
                     <a href="#" class="addbutton">Thêm</a>
                 </div>
                 <div class="button">
                     <img  class="removebutton" src="~/Content/images/btn/gnome_edit_delete.png" />
                     <a href="#" class="removebutton">Xóa</a>
                 </div>
                 <div class="button">
                     <img  class="newbutton" src="~/Content/images/btn/new.png" />
                     <a href="#" class="newbutton">Làm Lại</a>
                 </div>
             </div>
        </div>
       <div id="area">

       </div>
       <div id="toolData">
         <div id="centerbarbot">  
             <div class="button" >
                     <img  class="btnDanhGia" src="~/Content/images/btn/stock_task.png" />
                     <a href="#" class="btnDanhGia">Đánh giá</a>
               </div>
              <div class="button">
                     <img  class="btnKetQua" src="~/Content/images/btn/file-complete-icon.png" />
                     <a href="#" class="btnKetQua">Kết quả</a>
               </div>
              <div class="buttonS">
                     <img  class="btnSave" src="~/Content/images/btn/3_disc.png" />
                     <a href="#" class="btnSave" >Lưu</a>
               </div>
            <div class="button">
                     <img  class="btnDowload" src="~/Content/images/btn/cloud_download.png" />
                     @Html.ActionLink("Open", "Index", "MapOfUser", new {UserName=user})
                     
               </div>

           
        </div>
       </div>
  </div>
    

</div> 



           



<script src="scripts/jquery-1.10.2.min.js"></script>
<script src="scripts/jquery-ui.js"></script>
<script src="scripts/jquery.conceptmap.js"></script>
<script src="scripts/textareaLoader.js"></script>

<script type="text/javascript">

    $(function () {
       
	    $("#container").conceptMap({ 'tripleLoader': { func: textareaLoadEngineT, args: {} } });
	    
});
</script>